import React, { useState, useEffect } from 'react'

export default function App() {
  let [count, setCount] = useState(0)
  // !由于返回值是数组，可不能用对象结构
  // const {count, setCount} = useState(0)
  const handleClick = () => {
    // setCount(count + 1)
    setCount(count++)
  }
  // 初始化的时候把标题变成 1
  useEffect(() => {
    console.log(1)
    // 执行时机
    // 1. 初始化会执行这儿（componentDidMount）
    // 2. 数据变化的时候也会走这儿，例如 count 变化了会执行这里（componentDidUpdate）
    document.title = count
  })
  return (
    <div>
      <p>{count}</p>
      <button onClick={handleClick}>+1</button>
    </div>
  )
}
